iT邦幫忙

2021 iThome 鐵人賽

DAY 0
0
自我挑戰組

從零開始學習 JS 的連續-30 Days-系列 第 14

[Day 14]從零開始學習 JS 的連續-30 Days---forEach迴圈

  • 分享至 

  • xImage
  •  

陣列 forEach 資料處理方法

  1. 語法:宣告陣列的名稱+( . )+forEach( + function( 陣列的值 , 陣列的排序 , 整個陣列 ){ +執行動作 })。


如圖所示使用forEach迴圈可以抓出多筆資料,10為第一筆資料的值,0為第一筆資料位置,中括號為整個陣列。(item、num、array為參數名稱可以更改)。

陣列數字應用累加方式

  1. 執行程式順序很重要,變數作用域會引響結果。


如圖所示let total 在函式'裡面',每次回圈會回復原始值在執行
動作,所以無法正確累加。


如圖所示let total 在函式'外面',每次回圈才可以把值正常累加。

搭配 if,篩選出陣列資料

1.使用 if 判斷出想要的資料並且用 push 語法將資料回傳。


如圖所示使用if判斷3的倍數,並且將值回傳到新的陣列

今天就到這結束了。


上一篇
[Day 13]從零開始學習 JS 的連續-30 Days---Event 事件
下一篇
[Day 15]從零開始學習 JS 的連續-30 Days---forEach 的綜合應用
系列文
從零開始學習 JS 的連續-30 Days-30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言